@import "common.css";
body{background: #fff;font-family: "Microsoft YaHei";font-size: 12px;-webkit-font-smoothing: antialiased;}
input,select{font-family: "Microsoft YaHei"}
a{color: #666;text-decoration: none}
a:hover{color: #0589de}
i{font-style: normal}

.green{color: #2ca02c!important;}
.red{color: #ff0000!important;}

.header{height: 60px;background: #1e9bd1;line-height: 60px;font-size: 14px}
.header:after{content: "";display: block;clear: both}
.header h1{float: left;text-indent: 20px;font-size: 18px;color: #fff;overflow: hidden}
.header h1 img{height: 22px;vertical-align: middle;float: left;margin: 3px 0 0 15px}
.header h1 a{color: #fff}

.header .set{float: right;color: #292929}
.header .set a{color: #fff;display: inline-block;padding: 0 10px}
.header .set a:hover{background: #d4ba35;}
.header .set a i{margin-right: 10px}
.header ul{float: right}
.header li{display: inline-block;position: relative;}
.header li.user{background: #41403f;margin-left: 10px;width: 205px;}
.header li.user a{color: #fff;display: inline-block;width: 100%;text-align: center;vertical-align: top}
.header li.user a:hover{background: #d4ba35;cursor: pointer;color: #292929}
.header li .box{position: absolute;left: 0;top: 60px;z-index: 999;width: 205px;padding:5px 3px;border: 1px solid #eaeaea;
    border-top-width: 0;
    box-shadow: 3px 3px 6px -4px #c8c8c8,-3px 3px 6px -4px #c8c8c8;background: #fff;display: none}
.header li .box a{color: #292929;}
.header li .box a:hover{background: #d4ba35}
.header li.user:hover .box{display: block}

.shadow{position: fixed;left:214px;top: 105px;bottom: 0;width: 10px; border-left: 1px solid #e5e3e3;
    box-shadow: -2px 2px 4px RGBA(150,152,154,.2);
}

.side{position: fixed;left: 0;top: 60px;bottom: 0;width: 214px;z-index:0;background:#fff url("../images/folderpane_bg.png") repeat-x; }
.side h2{color: #333;padding: 20px;font-size: 19px}
.side dl{color: #333333;padding: 10px 0 20px 0;font-size: 12px}
.side dt{padding: 3px 15px 3px 10px;cursor: pointer;}
.side dt a{color: #333;display: block}
.side dt.active{background: #e9e9e9}
.side dt i{font-size: 14px;color: #333333;margin-right: 3px}
.side dl dt:first-child{border-top: none}
.side dd{padding-bottom: 15px}
.side li{line-height: 50px;position: relative}


.side dd a{color: #333333; display: block;padding: 0 15px 0 35px}
.side dd a:hover{background: #f5f5f5}
.side dd a.active{background: #e9e9e9}

.main{position: fixed;top: 74px;bottom:0;right:0;left:234px;background: transparent;padding: 20px;overflow: hidden;overflow-y: auto}
.start{text-align: center;font-size: 100px;margin-top:10%}
.start img{margin: 0 auto;box-shadow:3px 3px 10px #E2E4E3;}

.title{font-size: 18px;color: #292929;height: 40px;line-height: 40px;margin-bottom: 20px;position: relative}
.title span{position: absolute;right: 30px;top:0}
.title span i.iconfont{font-size: 20px}

.form{padding: 30px; background: #fff}
.form label{overflow: hidden;display: block;padding: 5px 0;}
.form label span{display: inline-block}
.form label span:first-child{width:100px;text-align: right;font-size: 12px;color: #333}
.form input[type=text],
.form input[type=password]{min-width: 210px;border: 1px solid #98a3a6;height:27px;padding: 0 10px;font-size: 12px}
.form textarea{min-width: 210px;border: 1px solid #98a3a6;height:55px;padding: 0 10px}
.form select{min-width: 210px;border: 1px solid #98a3a6;height:27px;padding: 0 10px}
.form input[type=button],
.form input[type=submit]{width: 117px;min-width:0;height:25px;border-radius: 0;padding: 0 10px;background: #263548;color: #fff;font-size: 13px;border: none}
.form input[type=button]:hover,
.form input[type=submit]:hover{background: #cde6f7;color: #333;border: 1px solid #92c0e0}
.form .error{color: #a81937;}
.form .success{color: #59a803;}
.form input[type=checkbox]{border: 1px solid #ddd;-webkit-appearance: checkbox!important;cursor: default;vertical-align: middle;margin-right: 5px}
.form tt{color: #666;display: inline-block;padding-top: 5px}

.filter{margin-bottom: 15px;display: -webkit-box;display: -ms-flexbox;display: flex}
.filter .block{position: relative;display: inline-block;vertical-align: top;margin-right: 20px;}
.filter input[type=text]{border: 1px solid #a5c7fe;background: #fff;font-size: 12px;height: 27px;padding-left: 15px;width: 240px}
.filter input[type=text]:focus{border: 1px solid #0072c6;}
.filter .search{position: absolute;left: 220px;top: 0}
.filter select{border: 1px solid #a5c7fe;background: #fff;height: 27px;padding-left: 5px;width: 240px;font-size: 12px}
.filter .handle{display: inline-block;min-width: 200px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.filter .handle a{padding: 0 5px;display: inline-block;vertical-align: middle}
.filter .handle a:not(.disabled){color: #929292;font-weight: bold;}
.filter .handle a:hover{color: #000}
.filter .handle .disabled{opacity: .3}
.table{min-height: 500px;width:100%;overflow: hidden}
.table table{width: 100%;}
.table th{text-align: center;background: #fff;border: 1px solid #98a3a6;color: #666;line-height: 27px;font-weight: 500;}
.table th:last-child{border-right: none}
.table td{font-size: 13px;padding: 5px 10px;border-bottom: 1px solid #eef0f2;line-height: 40px;text-align: right;color: #444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 200px}
.table td a{margin: 0 6px;color: #3b73af}
.table input[type=checkbox]{border: 1px solid #ddd;-webkit-appearance: checkbox!important;cursor: default}
.table td img:hover{border: 1px solid #666;cursor: pointer}
/*.table tr:nth-child(2n+1) td{background: #fbfcfe}*/
.table td.color{width: 30px}
.table td.color b{width:8px;height: 8px;display: inline-block;font-size: 0;}
.table td.checkbox{width: 35px}
.table td.title{text-align: left}
.table td.outcate{text-align: left;padding-left: 15px;width: 400px}
.table td.outcate i.iconfont{display: inline-block;width: 16px;vertical-align: middle;cursor: pointer}
.table td.two {padding-left: 40px}
.table td.three {padding-left: 80px}
.table tr:hover td{background: #f2f8fc;}

.table tr td:first-child{border-left: none}
.table tr td:last-child{border-right: none}
.table tr td.handle{text-align: center}


.disabled{opacity: .3;}

.page{padding: 10px 20px;background: #fff;border-bottom: 1px solid #ddd;border-top: none;text-align: right}
.page .pagination {text-align: right;display: inline-block;vertical-align: middle;font-size: 14px}
.page .pagination li{display: inline-block;vertical-align: middle;margin: 0 2px;}
.page .pagination li a{border:1px solid #ddd;border-radius: 2px;padding: 1px 7px}
.page_record{display: inline-block;font-size: 13px;color: #666}

[v-cloak] {
    display: none;
}

.article_form{width: 100%}
.article_form input[type=text]{width:70% }
.article_form textarea{width:70%;padding-top: 5px}
.article_form label{display: flex}
.article_form label span:nth-child(2){flex: 1}
.article_form .thumb{width: 80px;}

.site_form label{display: flex}
.site_form label span:nth-child(2){flex: 1}

.upload_thumb ul:after{clear: both;content: '';display: block}
.upload_thumb ul{clear: both}
.upload_thumb li{float: left;position: relative; margin-right: 9px;margin-bottom: 9px;width: 77px;height: 77px;border: 1px solid #D9D9D9;overflow: hidden;}
.upload_thumb li.upload_input input{cursor: pointer}
.upload_thumb li.upload_input:after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;width: 39.5px;
    height: 2px;}
.upload_thumb li.upload_input:before{
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9;width: 2px;
    height: 39.5px;}
.upload_thumb li input[type=file]{position: absolute; z-index: 1;top: 0;left: 0;width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.upload_thumb li img{width: 100%}